<!DOCTYPE html>
<html class="ui-page-login">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
		<style>
			*{
			font-family:PingFang-SC-Bold;
		   }
		
			.area {
				margin: 20px auto 0px auto;
			}
			
			.mui-input-group {
				margin-top: 10px;
			}
			
			.mui-input-group:first-child {
				margin-top: 20px;
			}
			
			.mui-input-group label {
				width: 22%;
			}
			
			.mui-input-row label~input,
			.mui-input-row label~select,
			.mui-input-row label~textarea {
				width: 78%;
			}
			
			.mui-checkbox input[type=checkbox],
			.mui-radio input[type=radio] {
				top: 6px;
			}
			
			.mui-content-padded {
				margin-top: 25px;
			}
			
			.mui-btn {
				padding: 10px;
			}
			
			.link-area {
				display: block;
				margin-top: 25px;
				text-align: center;
			}
			
			.spliter {
				color: #bbb;
				padding: 0px 8px;
			}
			
			.oauth-area {
				position: absolute;
				bottom: 20px;
				left: 0px;
				text-align: center;
				width: 100%;
				padding: 0px;
				margin: 0px;
			}
			
			.oauth-area .oauth-btn {
				display: inline-block;
				width: 50px;
				height: 50px;
				background-size: 30px 30px;
				background-position: center center;
				background-repeat: no-repeat;
				margin: 0px 20px;
				border: solid 1px #ddd;
				border-radius: 25px;
			}
			
			.oauth-area .oauth-btn:active {
				border: solid 1px #aaa;
			}
			
			.oauth-area .oauth-btn.disabled {
				background-color: #ddd;
			}
			
			#reg,#forgetPassword{
				
				color: red;
			}
			.mui-bar{
			 	background: #FE635F;
			}
			.mui-title{
				 color:rgba(255,255,255,1);
			}
			.mui-input-group:first-child{
				margin-top: 44px;
				
			}
			
			.mui-input-group .mui-input-row{
				height: 54px;
			}
			.mui-input-row label,input{
				padding: 19px 15px;
			}
			.mui-input-row label~input, .mui-input-row label~select, .mui-input-row label~textarea{
					padding: 27px 15px;
			}
			.mui-btn, button, input[type=button], input[type=reset], input[type=submit]{
				border-radius: 22px;
			}
			#login{
				margin-top: 50px;
			}
			.spliter{
			color: #FE635F;	
			}
			
				input, select, textarea,label{
				font-size: 15px!important;
			}
		</style>

	</head>

	<body   style="display: none;">
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">登录</h1>
		</header>

		<div class="mui-content">
			<form id='login-form' class="mui-input-group">
				<div class="mui-input-row">
					<label>账号</label>
					<input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入账号">
				</div>
				<div class="mui-input-row">
					<label>密码</label>
					<input id='password' type="password" class="mui-input-clear mui-input" placeholder="请输入密码">
				</div>


			</form>
			<div class="mui-content-padded">
				<button id='login' class="mui-btn mui-btn-block mui-btn-red">登录</button>
				<div class="link-area"><a id='reg'>注册账号</a> <span class="spliter">|</span> <a  id='forgetPassword'>忘记密码</a>
					
				</div>
			</div>
			<div class="mui-content-padded oauth-area">

			</div>
		</div>
		<script  src="js/jquery-3.1.1.min.js"></script>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			var url = 'http://app.lexin5.com';
			mui.plusReady(function () {
				plus.storage.setItem('url',url);
				var user = plus.storage.getItem('user');
				// mui.alert(user);
				// user  = JSON.parse(user);
				// mui.alert(url);
				if(user){
					mui.openWindow({
						url:'index.html',
						id:'index.html'
					})
					setTimeout(function()
					{
					// var pagedd = plus.webview.currentWebview().opener()
					// pagedd.close();
					plus.webview.currentWebview().close();
												
					},1000);
					
				}else{
					
					$("body").css("display","block")
				}
				mui.init({
					beforeback: function() {　　　　
					var list = plus.webview.currentWebview().opener();　　　　
						  //refresh是A页面自定义事件
					mui.fire(list, 'refresherd');
						 //返回true,继续页面关闭逻辑
					return true;
					},
				});
				// mui.alert(url)
				
				 //跳转进入注册页面
								document.getElementById('reg').addEventListener("tap",function(){
									mui.openWindow({
										url:'reg.html',
										id:'reg.html',
									})
								})
								
								
										 //跳转进入忘记密码页面
											document.getElementById('forgetPassword').addEventListener("tap",function(){
											mui.openWindow({
												url:'forget_password.html',
												id:'forget_password.html',
											})
										})	
										
										
										mui('.mui-content-padded').on('tap','#login',function(){
											document.activeElement.blur();
											var user = $("#account").val();
											var pwd =$("#password").val(); 
											// mui.alert(url)
											$.post(url+'/juyou/index/signin',{user:user,pwd:pwd},function(res){
												// mui.alert(res.msg);
												
												if(res.code==200){
													plus.storage.setItem('user',JSON.stringify(res.data));
													mui.openWindow({
														url:'index.html',
														id:'index.html'
													})
													setTimeout(function(){
															setTimeout(function()
														{
														// var pagedd = plus.webview.currentWebview().opener()
														// pagedd.close();
														plus.webview.currentWebview().close();
																					
														},1000);
														
													},1000)
													
													// mui.openWindow({
													// 	url:'index.html',
													// 	id:'index.html'
													// })
												}
											})
										})
			})
		
				
		</script>
	</body>

</html>
